<%= turbo_frame_tag :login do %>
  <div class="card-dialog max-w-xl mx-auto py-10 px-4">
    <h2 class="text-xl lg:text-2xl font-medium mb-4"><%= Spree.t(:forgot_password) %></h2>
    <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }, data: { turbo_frame: '_top' }) do |f| %>
      <%= render "spree/shared/error_messages", target: resource %>
      <div class="flex flex-col mb-4">
        <%= f.label :email, Spree.t(:email) %>
        <%= f.email_field :email, autofocus: true, autocomplete: "email", class: 'text-input', required: true %>
      </div>
      <div class="actions">
        <%= f.submit Spree.t(:reset_password), class: 'btn btn-primary w-full' %>
      </div>
    <% end %>
    <%= render "devise/shared/links" %>
  </div>
<% end %>
